<template>
	<view class="head">
		<view class="img" @click="back">
			<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/back-arrow.png" mode=""></image>
		</view>
		<view class="message">
			<text>新增</text>
		</view>
	</view>

	<scroll-view scroll-y="true" class="scrolly-contair">
	<view class="body">
		<view class="contair">
			<view class="content">
				<view class="box">
					<view class="text">
						<view class="yy"><text style="color: red;">*</text>设施名称</view>
						<view class="inp">
							<input type="text" placeholder="污水处理站" />
						</view>
					</view>
				</view>
				<view class="boxs">
					<view class="text">
						<view class="yy"><text style="color: red;">*</text>运行情况</view>
						<view class="inp">
							<uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>
							
						</view>
					</view>
				</view>
				<!-- 正常运行 -->
				<view class="Normal" v-show="Normal == 0">
					<view class="text">
						<view class="yy"><text style="color: red;">*</text>运行时间</view>
						<view class="inp">
							<uni-data-select v-model="tiems" :localdata="time" @change="changes"></uni-data-select>
							
						</view>
					</view>
					<view class="time">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>处理水量</view>
							<view class="inp">
								<input type="text" placeholder="请输入处理水量(t)" />
							</view>
						</view>
					</view>
					<!-- jaiyaoliang -->
					<view class="time">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>加药时间</view>
							<view class="inp">
								<text> {{changedate}}</text>
								<uni-datetime-picker type="datetime" v-model="datetimesingle" @change="changeLog">
									<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode=""></image>
								</uni-datetime-picker>
							</view>
						</view>
					</view>
					<!-- 进水出水 -->
					<view class="shui">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>进水水质cod、bod、氨氮:00000</view>
							<view class="inp">
								<input type="text" placeholder="请输入水质参数" />
							</view>
						</view>
					</view>
					<!-- 出水 -->
					<view class="chushui">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>出水水质</view>
							<view class="inp">
								<input type="text" placeholder="请输入出水水质参数" />
							</view>
						</view>
					</view>
					<!-- 检测方式 -->
					<view class="jiance">
						<view class="yy"><text style="color: red;">*</text>监控方式</view>
						<view class="inp">
							<uni-data-select v-model="jj" :localdata="Testing" @change="changefansgji" placeholder="请选择自动检测/人工检测"></uni-data-select>
							
						</view>
					</view>
					<!-- 用电量 -->
					<view class="dian">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>用电量</view>
							<view class="inp">
								<input type="text" placeholder="请输入该班次内总耗电量%" />
							</view>
						</view>
					</view>
					<!-- 污泥 -->
					<view class="wuni">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>污泥压滤情况</view>
							<view class="inp">
								<input type="text" placeholder="请输入污泥压滤情况(h/t)%" />
							</view>
						</view>
					</view>
					<!-- w维护 -->
					<view class="wuni">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>维修/维护时间</view>
							<view class="inp">
								<text> {{Maintenance}}</text>
								<uni-datetime-picker type="datetime" v-model="datetimesingle" @change="changetime">
									<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode=""></image>
								</uni-datetime-picker>
							</view>
						</view>
					</view>
					<!-- 维修内容 -->
				<view class="wuni">
					<view class="text">
						<view class="yy"><text style="color: red;">*</text>维修/维护内容</view>
						<view class="inp">
							<input type="text" placeholder="请输入内容"/>
						</view>
					</view>
				</view>
				
				<!-- 维修人员 -->
				<view class="wuni">
					<view class="text">
						<view class="yy"><text style="color: red;">*</text>维修/维护人员</view>
						<view class="inp">
							<input type="text" placeholder="请输入人员名称"/>
						</view>
					</view>
				</view>
				<!-- 加药时间 -->
				<view class="time">
					<view class="text">
						<view class="yy"><text style="color: red;">*</text>记录日期</view>
						<view class="inp">
							<text> {{RecordDate}}</text>
							<uni-datetime-picker type="datetime" v-model="RecordDates" @change="changeRecordDate">
								<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode=""></image>
							</uni-datetime-picker>
						</view>
					</view>
				</view>
				
				<!-- 记录人员 -->
				<view class="wuni">
					<view class="text">
						<view class="yy"><text style="color: red;">*</text>记录人员</view>
						<view class="inp">
							<input type="text" placeholder="请输入记录人员名称"/>
						</view>
					</view>
				</view>
				
	
				<button>提交</button>
				
				</view>
				
				
				
				<!-- 异常 -->
				
				<view class="Abnormal" v-show="Normal == 1" >
					<view class="text">
						<view class="yy"><text style="color: red;">*</text>运行时间</view>
						<view class="inp">
							<uni-data-select v-model="tiems" :localdata="time" @change="changes"></uni-data-select>
							
						</view>
					</view>
					<view class="time">
						<view class="text">
							<view class="yy" ><text style="color: red;">*</text>异常开始时间</view>
							<view class="inp" style="width: 470rpx;">
								<text > {{starttime}}</text>
								<uni-datetime-picker type="datetime" v-model="starttimes" @change="changestarttime">
									<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode="" style="width: 28rpx;height: 28rpx;" class="imgs"></image>
								</uni-datetime-picker>
							</view>
						</view>
					</view>
					<!-- 异常结束事件 -->
					<view class="time">
						<view class="text">
							<view class="yy" ><text style="color: red;">*</text>异常结束时间</view>
							<view class="inp" style="width: 470rpx;">
								<text > {{finishstarttime}}</text>
								<uni-datetime-picker type="datetime" v-model="finishstarttimes" @change="changefinishstarttime">
									<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode="" style="width: 28rpx;height: 28rpx;" class="imgs"></image>
								</uni-datetime-picker>
							</view>
						</view>
					</view>
					<!-- 异常持续时长 -->
					
					<view class="time">
						<view class="text">
							<view class="yy" ><text style="color: red;">*</text>异常持续时长</view>
							<view class="inp" style="width: 470rpx;">
								<text > {{Duration}}</text>
								<uni-datetime-picker type="datetime" v-model="Durations" @change="changeDuration">
									<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/shijian.png" mode="" style="width: 28rpx;height: 28rpx;" class="imgs"></image>
								</uni-datetime-picker>
							</view>
						</view>
					</view>
					
					<!-- *异常现象描述 -->
						<view class="time">
						<view class="text">
							<view class="yy" ><text style="color: red;">*</text>异常现象描述</view>
							<view class="inp" style="width: 470rpx;">
								<input type="text" style="width: 470rpx;" placeholder="请输入异常描述"/>
							</view>
						</view>
					</view>
					<!-- 影响范围 -->
					<view class="boxss">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>影响范围</view>
							<view class="inp">
								<input type="text" placeholder="请输入对废气系统及周边环境影响程度" />
							</view>
						</view>
					</view>
					<!-- 原因分析 -->
					<view class="boxss">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>原因分析</view>
							<view class="inp">
								<input type="text" placeholder="请输入确定导致异常运行的直接原因" />
							</view>
						</view>
					</view>
					<!-- *应对措施 -->
					<view class="boxss">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>应对措施</view>
							<view class="inp">
								<input type="text" placeholder="请输入应对措施" />
							</view>
						</view>
					</view>
					<!-- 污染物排放浓度 -->
					
					<view class="boxss">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>污染物排放浓度</view>
							<view class="inp" style="width: 449rpx;">
								<input type="text" placeholder="异常期间污染物排放浓度(mg/m³)" style="width: 449rpx;" />
							</view>
						</view>
					</view>
					<!-- *污染物排放量： -->
					<view class="boxss">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>污染物排放量</view>
							<view class="inp" style="width: 449rpx;">
								<input type="text" placeholder="异常期间污染物排放量(m³/h)" style="width: 449rpx;" />
							</view>
						</view>
					</view>
					<!--报告 -->
					<view class="boxss" >
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>报告</view>
	
						</view>
					</view>
					<view class="boxssimg" @click="chooseFile">
						<view class="text">
						<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode=""></image>
						<!-- 	<text>(上传报告)</text> -->
						</view>
						<text>(上传报告)</text>
					</view>
					<!-- 报告时间 -->
					<view class="time">
						<view class="text">
							<view class="yy" ><text style="color: red;">*</text>报告时间</view>
							<view class="inp" style="width: 533rpx;">
								<text > {{ReportingTime}}</text>
								<uni-datetime-picker type="datetime" v-model="ReportingTimes" @change="changeReportingTime">
									<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode="" style="width: 28rpx;height: 28rpx;" class="baoimgs"></image>
								</uni-datetime-picker>
							</view>
						</view>
					</view>
					<!-- 报告内容 -->
					<view class="boxss">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>报告内容</view>
							 <view class="inp" :style="{ height: textareaHeight }">
							    <textarea
							      v-model="inputValue"
							      @input="handleInput"
							      :style="{ height: textareaHeight }"
							      placeholder="请输入内容"
							      style="width: 533rpx;"
							      auto-height
							    />
							  </view>
						</view>
					</view>
					
					<!-- 处理效果 -->
					<view class="boxss">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>处理效果</view>
							<view class="inp" style="width: 532rpx;">
								<input type="text" placeholder="请输入处理的效果" style="width: 533rpx;" />
							</view>
						</view>
					</view>
					<!-- 恢复正常运行时间 -->
					<view class="timeimg">
						<view class="text">
							<view class="yy" ><text style="color: red;">*</text>恢复正常运行时间</view>
							<view class="inp" >
								<text > {{Restoreuptime}}</text>
								<uni-datetime-picker type="datetime" v-model="Restoreuptimes" @change="changeRestoreuptime">
									<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode="" ></image>
								</uni-datetime-picker>
							</view>
						</view>
					</view>
					<!-- 记录日期 -->
					<view class="time">
						<view class="text">
							<view class="yy" ><text style="color: red;">*</text>记录日期</view>
							<view class="inp" style="width: 533rpx;">
								<text > {{RecordDatar}}</text>
								<uni-datetime-picker type="datetime" v-model="RecordDatars" @change="changeRecordDatar">
									<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/date.png" mode="" style="width: 28rpx;height: 28rpx;" class="baoimgs"></image>
								</uni-datetime-picker>
							</view>
						</view>
					</view>
					
					
					
					
					<view class="wuni">
						<view class="text">
							<view class="yy"><text style="color: red;">*</text>记录人员</view>
							<view class="inp">
								<input type="text" placeholder="请输入记录人员名称" style="width: 533rpx;" />
							</view>
						</view>
					</view> 
			
				
				<button>提交</button>
				
				</view>
				
				
				
				
				<!-- end异常 -->
			</view>
		</view>
	</view>
	</scroll-view>
		
</template>

<script setup>
	import {
		ref
	} from 'vue';

	let back = () => {
		uni.navigateBack({
			delta: 1,
		})
	}
	var range = ref([{
			value: 0,
			text: "正常运行"
		},
		{
			value: 1,
			text: "异常运行"
		},
	])
	var value = ref('')
	var Normal = ref(0)
	var time = ref([{
			value: "00:00-01:00",
			text: "00:00-01:00"
		},
		{
			value: "80:00-9:00",
			text: "80:00-9:00"
		},
		{
			value: "90:00-11:00",
			text: "90:00-11:00"
		},
	])

	function change(e) {
		Normal.value = e
		console.log(Normal.value);
	}
	var changedate = ref('请选择上次加药时间')

	function changeLog(e) {
		console.log(e);
		changedate.value = e
	}
	var Testing = ref([
		{
				value: "自动检测",
				text: "自动检测"
			},
			{
				value: "人工检测",
				text: "人工检测"
			}
	])
	// 误会
	var Maintenance = ref('请选择时间')
function changetime (e){
		Maintenance.value = e
	}
	// 记录时间
	var RecordDate = ref('请选择记录日期')
	function changeRecordDate (e){
		RecordDate.value=e
	}
	// 文件上传
const chooseFile = async () => {
  try {
    const res = await uni.chooseImage({
      count: 1,
      type: 'all'
    })
 uni.showToast({ title: '选择成功', icon: 'none' })
    const tempFilePath = res.tempFilePaths[0]
    uploadFile(tempFilePath)
  } catch (err) {
    console.error('选择文件失败:', err)
    uni.showToast({ title: '选择文件失败', icon: 'none' })
  }
}

	// const uploadFile = (filePath) => {
	//   uni.uploadFile({
	//     url: 'https://yourdomain.com/api/upload',
	//     filePath: filePath,
	//     name: 'file',
	//     success: (res) => {
	//       console.log('上传成功:', res.data)
	//       uni.showToast({ title: '上传成功' })
	//     },
	//     fail: (err) => {
	//       console.error('上传失败:', err)
	//       uni.showToast({ title: '上传失败', icon: 'none' })
	//     }
	//   })
	// }
const inputValue = ref('')
const textareaHeight = ref('59rpx') // 默认高度

// 模拟根据内容计算高度
const handleInput = (e) => {
  const value = e.detail.value
  const lines = value.split('\n').length

  // 每行大约 50rpx 高度，最低 59rpx
  const height = Math.max(59, lines * 50)
  textareaHeight.value = `${height}rpx`
}


// 异常处理
var starttime = ref('2025-06-10  08:00')
var finishstarttime = ref('2025-06-10  08:00')
var Duration = ref('2025-06-10  08:00')
var ReportingTime = ref('2025-06-10  08:00')
var Restoreuptime = ref('2025-06-10  08:00')
var RecordDatar = ref('2025-06-10  08:00')
function changestarttime (e){
	starttime.value =e
}
function changefinishstarttime (e){
	finishstarttime.value = e
}
function changeDuration (e){
	Duration.value = e
}
function changeReportingTime (e){
	ReportingTime.value = e
}
function changeRestoreuptime (e){
	Restoreuptime.value = e
}
function changeRecordDatar (e){
	RecordDatar.value = e
}
</script>

<style lang="scss" scoped>

	.scrolly-contair {
		height: calc(100vh - 142rpx);
		/* 头部高度 + 搜索区域高度 */
		overflow: auto;
	}

	.head {
		width: 750rpx;
		height: 142rpx;
		background: #0874FA;
		position: relative;
		overflow: hidden;
	}

	.img {
		width: 22rpx;
		height: 38rpx;
		position: absolute;
		top: 75rpx;
		left: 40rpx;

		image {
			width: 22rpx;
			height: 38rpx;
		}
	}

	.message {
		width: 220rpx;
		height: 34rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		font-size: 36rpx;
		color: #FFFFFF;
		line-height: 34rpx;
		position: absolute;
		top: 75rpx;
		left: 270rpx;

		text {
			display: inline-block;
			width: 220rpx;
			height: 34rpx;
			text-align: center;
			line-height: 34rpx;
		}
	}

	.body {
		width: 100%;
		height: 100%;
		background-color: #ffffff;

		.contair {
			width: 750rpx;
             height: 100%;
			 	position: relative;
			.content {
				width: 690rpx;
                  position: absolute;
				  top: 62rpx;
				  left: 24rpx;
				.box {
					width: 690rpx;
					height: 59rpx;
				

					// background-color: yellowgreen;
					.text {
						width: 690rpx;
						height: 59rpx;
						display: flex;
						justify-content: space-between;
						align-items: center;

						.inp {
							width: 533rpx;
							height: 59rpx;
							background: #FAFAFA;
							border-radius: 7rpx;
							text-indent: 32rpx;

							// border: 1px solid #BFBFBF;
							input {
								width: 533rpx;
								height: 59rpx;
								background: #FAFAFA;
								border-radius: 7rpx;
								border: 1px solid #BFBFBF;
								text-indent: 32 rpx;
							}
						}
					}
				}
			}
		}
	}

	.boxs {
		width: 690rpx;
		height: 59rpx;
		margin-top: 26rpx;

		// background-color: yellowgreen;
		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.inp {
				width: 533rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				border: 1px solid #BFBFBF;
				position: relative;

				.uni-stat-box {
					width: 533rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
				}

				image {
					width: 23rpx;
					height: 13rpx;
					position: absolute;
					top: 22rpx;
					left: 460rpx;
				}
			}
		}
	}

	// 正常运行
	.Normal {
		width: 690rpx;
		height: 59rpx;
		margin-top: 26rpx;

		// background-color: yellowgreen;
		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.inp {
				width: 533rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				border: 1px solid #BFBFBF;
				position: relative;

				.uni-stat-box {
					width: 533rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
				}

				image {
					width: 23rpx;
					height: 13rpx;
					position: absolute;
					top: 22rpx;
					left: 460rpx;
				}
			}
		}
	}

	.time {
		margin-top: 26rpx;
		// background-color: #0874FA;
		width: 690rpx;
		height: 59rpx;

		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.inp {
				width: 533rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				// border: 1px solid #BFBFBF;
				position: relative;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				text-indent: 15rpx;
				line-height: 59rpx;

				input {
					width: 533rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
					text-indent: 32 rpx;
				}

				image {
					width: 28rpx;
					height: 28rpx;
					position: absolute;
					top: 19rpx;
				}

				text {
					font-weight: 400;
					font-size: 24rpx;
					// color: #333333;
				}
			}
			// .baoimgs{
			// 	width: 37rpx;
			// 	height: 37rpx;
			// 	position: absolute;
			// 	top: 22rpx;
			// }
		}
	}


	.shui {
		margin-top: 26rpx;
		// background-color: #0874FA;
		width: 690rpx;
		height: 59rpx;

		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 25rpx;

			// color: #F82A24;
			.inp {
				width: 294rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				// border: 1px solid #BFBFBF;
				position: relative;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				text-indent: 15rpx;
				line-height: 59rpx;

				input {
					width: 294rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
					text-indent: 32 rpx;
					color: #333333;
				}

				image {
					width: 28rpx;
					height: 28rpx;
					position: absolute;
					top: 17rpx;
				}

				text {
					font-weight: 400;
					font-size: 24rpx;
					// color: #333333;
				}
			}
		}
	}

	// 吹水
	.chushui {
		margin-top: 26rpx;
		// background-color: #0874FA;
		width: 690rpx;
		height: 59rpx;

		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.inp {
				width: 533rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				// border: 1px solid #BFBFBF;
				position: relative;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				text-indent: 15rpx;
				line-height: 59rpx;

				input {
					width: 533rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
					text-indent: 32 rpx;
					color: #333333;
				}

				image {
					width: 28rpx;
					height: 28rpx;
					position: absolute;
					top: 17rpx;
				}

				text {
					font-weight: 400;
					font-size: 24rpx;
					// color: #333333;
				}
			}
		}
	}

	// 检测
	.jiance {
		width: 690rpx;
		height: 59rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
        margin-top: 26rpx;
		.inp {
			width: 533rpx;
			height: 59rpx;
			background: #FAFAFA;
			border-radius: 7rpx;
			text-indent: 32rpx;
			position: relative;

			// border: 1px solid #BFBFBF;
			input {
				width: 533rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				border: 1px solid #BFBFBF;
				text-indent: 32 rpx;
			}

			image {
				width: 23rpx;
				height: 13rpx;
				position: absolute;
				top: 25rpx;
				left: 460rpx;
			}
		}
	}
	// dian
	
	.dian{
		margin-top: 26rpx;
		// background-color: #0874FA;
		width: 690rpx;
		height: 59rpx;
	
		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
		
			.inp {
				width: 533rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				// border: 1px solid #BFBFBF;
				position: relative;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				text-indent: 15rpx;
				line-height: 59rpx;
		
				input {
					width: 533rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
					text-indent: 32 rpx;
					color: #333333;
				}
		
				image {
					width: 28rpx;
					height: 28rpx;
					position: absolute;
					top: 17rpx;
				}
		
				text {
					font-weight: 400;
					font-size: 24rpx;
					// color: #333333;
				}
			}
		}
	}
	
	// wuni
	.wuni{
		margin-top: 26rpx;
	
		width: 690rpx;
		height: 59rpx;
	
		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
		
			.inp {
				width: 470rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				// border: 1px solid #BFBFBF;
				position: relative;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				text-indent: 15rpx;
				line-height: 59rpx;
		
				input {
					width: 470rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
					text-indent: 32 rpx;
					color: #333333;
				}
		
				image {
					width: 31rpx;
					height: 31rpx;
					position: absolute;
					top: 17rpx;
					left: 385rpx;
				}
		
				text {
					font-weight: 400;
					font-size: 24rpx;
					// color: #333333;
				}
			}
		}
	}
	button{
		margin-top: 70rpx;
		width: 672rpx;
		height: 88rpx;
		background: #0874FA;
		border-radius: 44rpx;
		color: #FFFFFF;
	}
	
	
	
	
	
	.Abnormal {
		width: 690rpx;
		height: 59rpx;
		margin-top: 26rpx;
	
		// background-color: yellowgreen;
		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
	
			.inp {
				width: 533rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				border: 1px solid #BFBFBF;
				position: relative;
	
				.uni-stat-box {
					width: 533rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
				}
	
				image {
					width: 23rpx;
					height: 13rpx;
					position: absolute;
					top: 22rpx;
					left: 460rpx;
				}
				.imgs{
					position: absolute;
					top: 22rpx;
					left: 400rpx;
				}
			}
		}
	}
	.boxss {
		width: 690rpx;
		height: 59rpx;
		margin-top: 26rpx;
	
		// background-color: yellowgreen;
		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
	
			.inp {
				width: 533rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				text-indent: 32rpx;
	
				// border: 1px solid #BFBFBF;
				input {
					width: 533rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
					text-indent: 32 rpx;
				}
			}
		}
	}
	.boxssimg{
		width: 148rpx;
		height: 150rpx;
		margin-top: 22rpx;
		background: #FFFFFF;
		border-radius: 7rpx;
		border: 2px solid #BFBFBF;
		position: relative;
		.text{
			width: 37rpx;
			height: 37rpx;
			position: absolute;
			left: 56rpx;
			top: 48rpx;
			image{
				width: 37rpx;
				height: 37rpx;
			}
			
		}
		text{
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 16rpx;
			color: #999999;
			position: absolute;
			top: 90rpx;
			left: 30rpx;
		}
	}
	.timeimg{
		margin-top: 26rpx;
		// background-color: #0874FA;
		width: 690rpx;
		height: 59rpx;
	
		.text {
			width: 690rpx;
			height: 59rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
	
			.inp {
				width: 413rpx;
				height: 59rpx;
				background: #FAFAFA;
				border-radius: 7rpx;
				// border: 1px solid #BFBFBF;
				position: relative;
				font-weight: 400;
				font-size: 24rpx;
				color: #999999;
				text-indent: 15rpx;
				line-height: 59rpx;
	
				input {
					width: 533rpx;
					height: 59rpx;
					background: #FAFAFA;
					border-radius: 7rpx;
					border: 1px solid #BFBFBF;
					text-indent: 32 rpx;
				}
	
				image {
					width: 28rpx;
					height: 28rpx;
					position: absolute;
					top: 19rpx;
					left: 350rpx;
				}
	
				text {
					font-weight: 400;
					font-size: 24rpx;
					// color: #333333;
				}
			}
			}
	}
</style>